<%--
  Created by IntelliJ IDEA.
  author: Jsonor
  date: 2018/5/10 14:48
  description: Description
--%>
<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" %>
<html>
<head>
  <title>Title</title>
  <style>
    #div1 img{
      cursor: pointer;
      transition:all 0.6s ;
    }
    #div1 img:hover{
      transform: scale(1.2);
    }
  </style>
</head>
<body>
<div style="margin-top:-10px;">
  <%@include file="daohanglan.jsp"%>
</div>

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-1 col-md-1"></div>
    <div class="col-sm-10 col-md-10" >
      <h1 style="margin-left: 800px">${showProduct.name}</h1>
      <hr/>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-1 col-md-1"></div>
    <div class="col-sm-5 col-md-5" id="div1" >
      <img class="detail-img" src="${pageContext.request.contextPath}/img/${showProduct.image}" style="width: 650px; height: 400px;margin-left: 200px;margin-top: 100px;" >
      <div class="col-sm-5 col-md-5 detail-x">
        <table class="table table-striped" style="margin-left: 1000px; margin-top: -270px; font-size: 30px;">
          <tr>
            <th>照片名称:</th>
            <td>${showProduct.name} </td>
          </tr>
          <tr style="margin-top: 100px;">
            <th>照片描述:</th>
            <td>${showProduct.describe}</td>
          </tr>
          <tr>
            <th>拍摄地址:</th>
            <td>${showProduct.site}</td>
          </tr>
          <div class="col-sm-offset-2 col-sm-6">
            <button class="btn btn-lg btn-primary btn-block" type="submit " style="margin-top: -130px;width:80px;height:30px;margin-left:1010px;">
              <a href="${pageContext.request.contextPath}/product/delete.do?id=${showProduct.id}">删除</a></button>
          </div>
          <div class="col-sm-offset-2 col-sm-6">
            <button class="btn btn-lg btn-primary btn-block" type="submit " style="margin-top: -130px;width:80px;height:30px;margin-left:1120px;">
              <a href="${pageContext.request.contextPath}/product/productAll.do">退出</a></button>
          </div>
        </table>

      </div>
    </div>

<div class="row">
  <div class="col-sm-1 col-md-1 col-lg-1"></div>
    <div class="col-sm-10 col-md-10 col-lg-10">

      <table class="table evaluationTable" border="0" id="evaluation">
      </table>

      <div id="inputArea"></div>
    </div>
  </div>
</div>
  </div>
<hr style="margin-top:120px; "/>
<div m-padding="10px 0px 10px 0px" p-padding="10px 0 10px 0"
     css_animation_delay="0" qfyuuid="qfy_column_text_4gzsq"
     data-anitime='0.7'
     class="qfy-element qfy-text qfy-text-28414 qfe_text_column qfe_content_element  "
     style="position: relative;;;line-height:1.5em;;background-position:left top;background-repeat: no-repeat;;margin-top:0;margin-bottom:0;padding-top:10px;padding-bottom:10px;padding-right:0;padding-left:0;border-radius:0px;">
  <div class="qfe_wrapper">
    <div style="text-align: center;"><span
            style="font-family:century gothic;"><span>
           Copyright © 2017 个人摄影网站. All rights reserved.</span></span>
    </div>
  </div>
</div>
</div>
</body>

</html>
